<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>首页 - 个人选股系统 V5.87</title>
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<script src="../../../day4_js/js/demo.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../day7_jquery/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		
	</head>

	<body>
		<div class="navbar navbar-inverse navbar-static-top ">
			<div class="container">
				<div class="navbar-header">
					<button class="navbar-toggle" data-toggle="collapse" data-target="#mymenu">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                 </button>
					<a href="#" class="navbar-brand">选股系统</a>
				</div>
				<div class="collapse navbar-collapse" id="mymenu">
					<ul class="nav navbar-nav">
						<li class="active">
							<a href="">股票信息</a>
						</li>
						<li>
							<a href="/center.html">个人中心</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="container" id="container">

			<div class="container-fluid">
				<table class="table table-hover">
					<tr>
						<th>序号</th>
						<th>股票代码</th>
						<th>股票简称</th>
						<th>涨跌幅</th>
						<th>换手率</th>
						<th>最新价(元)</th>
						<th>前期高点</th>
						<th>前期高点日期</th>
					</tr>
	            	<!--<tr>
	            		<td>1</td>
	            		<td>000007</td>
	            		<td>全新好</td>
	            		<td>10.01%</td>
	            		<td>4.40%</td>
	            		<td>全新好</td>
	            		<td>16.05</td>
	            		<td>2017-07-18</td>
	            	</tr>-->
				</table>
			</div>
		</div>
	</body>
	<script type="text/javascript">			
		$.ajax({
			type:'get',
			url:'list.json',			
			dataType:'json'
		})		
		.done(function(resp){
			for (var i = 0; i < resp.list.length; i++) {				
				var val = 
				'<tr>'+'<td>'+resp.list[i].id+'</td>'+
	            		'<td>'+resp.list[i].code+'</td>'+
	            		'<td>'+resp.list[i].name+'</td>'+
	            		'<td>'+resp.list[i].crate01+'</td>'+
	            		'<td>'+resp.list[i].crate02+'</td>'+
	            		'<td>'+resp.list[i].crate03+'</td>'+
	            		'<td>'+resp.list[i].hight+'</td>'+
	            		'<td>'+resp.list[i].hightDate+'</td>'+'</tr>'
	            	
	            $('table').append(val)
				console.log(val)
					}
				})
				.fail(function() {
			alert("失败")
		});
	</script>

</html>